<template>
  <div class="page book">
    <h1>书籍</h1>
    <p>书籍id:{{ bookId }}</p>
    <p>书籍name:{{ bookName }}</p>
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router'
const route = useRoute()

const bookId = route.query.id || '没有书籍id'
const bookName = route.query.name || '没有书籍名字'
</script>

<style scoped>
.book {
  text-align: center;
  color: #ff5722;
}
</style>
